iT邦幫忙

2023 iThome 鐵人賽

DAY 28
0
SideProject30

Hugo your Blog and Host your Podcast. 系列 第 28

Leave a Message / The diversity of Hugo.

  • 分享至 

  • xImage
  •  

情谷底,我在絕

  • 一路走來,我們已經是 Podcaster 了,除了單方面傳遞訊息,也希望收到來自聽眾的直接回饋
  • 是時候在你的單集頁面加上留言板了,這樣有緣人才能夠在你的網站上留下足跡

該怎麼做

  • 首先到 Disqus 註冊一個帳號
    https://ithelp.ithome.com.tw/upload/images/20231013/20152944XnCCfXrcbi.png
  • 在右上角點擊頭像,選擇 Admin,再點擊 Top bar 的 Yoder Sites 新增
    https://ithelp.ithome.com.tw/upload/images/20231013/20152944ldJLOgOgI2.png
  • 將你的網站填入並完成 Create Site
    https://ithelp.ithome.com.tw/upload/images/20231013/201529448SlebsSDH2.png
  • 進到新增完的 Site 頁面,在 General 中找到你的 Shortname
    https://ithelp.ithome.com.tw/upload/images/20231013/20152944ZAXwYBsPfc.png
  • 在 Hugo 的 hugo.toml 中加入以下設定,填入你的 Shortname
    https://ithelp.ithome.com.tw/upload/images/20231013/20152944dZZiaUrbBq.png
  • 並且在以下新增 theme/你選的主題/layouts/partials/disqus.html ,並且貼上以下內容
<div id="disqus_thread"></div>
<script type="text/javascript">

(function() {
    // Don't ever inject Disqus on localhost--it creates unwanted
    // discussions from 'localhost:1313' on your Disqus account...
    if (window.location.hostname == "localhost")
        return;

    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    var disqus_shortname = '{{ .Site.DisqusShortname }}';
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="https://disqus.com/" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  • 重新 hugo 並部署上 S3,不論是等待 CDN 過期,或是使用之前的 Invalidation 某一頁面,就可以看到 post 下面出現留言板啦
    https://ithelp.ithome.com.tw/upload/images/20231013/20152944RAdkQP2xog.png
  • 官方說明來源

其他延伸

  • Hugo 官方的說明文件就是一座寶庫,裡面有各種官方支援的擴充方式,雖然選擇有限,但直接應用會相對方便簡單,十分鐘就可以增加一個功能
  • 這邊分享一個我覺得很有趣的功能,就是網站的多語言

外出取材番外

  • 分享蘇格蘭豬血糕 Stornoway Black Pudding ,口感比較軟嫩跟台式較有嚼勁的口感不同,但吃進去也是淡淡的豬血糕與牛肉味;Cider 好喝,酒精度數不高的 Cider 清爽解膩無負擔~
    https://ithelp.ithome.com.tw/upload/images/20231013/20152944fP85twpx7k.jpg

上一篇
Into the Wild / Show up on all podcast platforms.
下一篇
Taxonomies / We are different, but have similar features.
系列文
Hugo your Blog and Host your Podcast. 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言